var threeSelectData={
	
	"一级":{
		val:"",
		items:{
			"二级":{
				val:"",
				items:{
					"三级":""
				}
			}
		}
	},
	
	"酒店":{
		val:"酒店",
		items:{
			"品牌":{
				val:"jqpic",
				items:{
					"如家":"如家",
					"汉庭":"汉庭",
					"锦江之星":"锦江之星",
				}
			},
			
			"特色主题":{
				val:"jqnav",
				items:{
					"商务出行":"商务出行",
					"情侣约会":"情侣约会",
					"温泉酒店":"温泉酒店",
					"休闲度假":"休闲度假",
					"亲子酒店":"亲子酒店",
				}
			},
			
			"地铁站":{
				val:"地铁站",
				items:{
					"迪士尼":"迪士尼",
					"徐家汇":"徐家汇"
				}
			},
		}
	},
	
	"美食":{
		val:"美食",
		items:{
			
			"自助餐":{
				val:"jspic",
				items:{
					"西餐":"jspic-01",
					"中餐":"jspic-02",
					"烤肉":"jspic-03",
				}
			},
			
			"火锅":{
				val:"jsnav",
				items:{
					"嗨锅":"jsnav-01",
					"辣府":"jsnav-02",
					"海底捞":"jsnav-03",
				}
			},
			
			"菜馆":{
				val:"jstab",
				items:{
					"浙江菜":"jstab-01",
					"安徽菜":"jstab-02"
				}
			},
		}
	},
	
};

var defaults = {
	s1:'mainselect',
	s2:'midselect',
	s3:'backselect'
};

$(function(){
	threeSelect(defaults);
});

function threeSelect(config){
	var $s1=$("#"+config.s1);
	var $s2=$("#"+config.s2);
	var $s3=$("#"+config.s3);
	var v1=config.v1?config.v1:null;
	var v2=config.v2?config.v2:null;
	var v3=config.v3?config.v3:null;
	$.each(threeSelectData,function(k,v){
		appendOptionTo($s1,k,v.val,v1);
	});
	
	$s1.change(function(){
		$s2.html("");
		$s3.html("");
		if(this.selectedIndex==-1)
		return;
		
		var s1_curr_val = this.options[this.selectedIndex].value;
		
		$.each(threeSelectData,function(k,v){
			if(s1_curr_val==v.val){
				if(v.items){
					$.each(v.items,function(k,v){
						appendOptionTo($s2,k,v.val,v2);
					});
				}
			}
		});
	
		if($s2[0].options.length==0){
			appendOptionTo($s2,"...","",v2);
		}
		
		$s2.change();
		
	}).change();
	
	$s2.change(function(){
		$s3.html("");
		var s1_curr_val = $s1[0].options[$s1[0].selectedIndex].value;
		if(this.selectedIndex==-1)
		return;
		
		var s2_curr_val = this.options[this.selectedIndex].value;
		
		$.each(threeSelectData,function(k,v){
			if(s1_curr_val==v.val){
				if(v.items){
					$.each(v.items,function(k,v){
						if(s2_curr_val==v.val){
							$.each(v.items,function(k,v){
								appendOptionTo($s3.show(),k,v,v3);
							});
						}
					});
					
					if($s3[0].options.length==0){
						appendOptionTo($s3.hide(),"...","",v3);
					}
				}
			}
		});
		
	}).change();
	
	function appendOptionTo($o,k,v,d){

		var $opt=$("<option>").text(k).val(v);
		
		if(v==d){
			$opt.attr("selected", "selected")
		}
		$opt.appendTo($o);
	}
	
}